<template>
  <div>
    <nav-bar style="background-color: #0689f4; color: #fff">
      <div slot="center">绩效考核</div>
    </nav-bar>

    <div class="stff-grid content-top">
    
     <van-cell-group
          style="margin-top: 2px"
      >
  
        <div class="content-title" style="font-size: 16px; display: flex;">
          <span style="flex:1">班长——范本健</span>    
          <span style="text-align: left">2021年12月</span> 
        </div>
        <van-cell title="分配超期" value="5项" />
        <van-cell title="处理超期" value="9项" />
        <van-cell title="重复发生项" value="7项" />
        <van-cell title="绩效考核" value="57分" />
      </van-cell-group>
       <van-cell-group
          style="margin-top: 5px"
      >
        <div class="content-title" style="font-size: 16px">
          组员——王雪建
        </div>
        <van-cell title="处理超期" value="6项" />
        <van-cell title="重复发生项" value="3项" />
        <van-cell title="绩效考核" value="90分" />
      </van-cell-group>
    </div>
  </div>
</template>
<script>
import NavBar from "@/components/NavBar.vue";

export default {
  name: "performIndex",
  components: {
    NavBar,
  },
  props: {},
  data() {
    return {
     
      
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style scoped lang="less">
.content-title {
  display: flex;
  box-sizing: border-box;
  padding: 10px 16px;
  border-bottom: 1px solid #ebedf0;
}
table {
  width: 100%;
  margin-top: 2px;
  border-right: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
}
table tr th {
  font-weight: 300;
  padding: 6px;
  font-size: 15px;
  color: #646566;
  border-left: 1px solid #7f7f7f;
  border-top: 1px solid #7f7f7f;
}
table tr td {
  padding: 5px;
  text-align: center;
  font-size: 0.373333rem;
  color: #646566;
  border-left: 1px solid #7f7f7f;
  border-top: 1px solid #7f7f7f;
}
.staff-nav {
  height: 1.2266rem;
  background-color: #f2f2f2;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  font-size: 0.4266rem;
  line-height: 1.2266rem;
  text-align: center;
}
.staff {
  
  margin-bottom: 50px;
  .list-nav {
    font-size: 0.4rem;
    height: 1.22rem;
    line-height: 1.22rem;
    text-align: center;
    background-color: #066ef4;
    color: #fff;
  }
}
</style>